<template>
    <div id="down-Load">
        <div id="logo_id"></div>
        <div class="header">
            <div class="header-title">
                <ul>
                    <li>
                        <p><span><img src="../../static/img/logo.png" /></span><span>信贷动力</span></p>
                        <p><span>您的移动金融营销赚钱助手</span></p>
                    </li>
                    <div class="clear"></div>
                </ul>
            </div>
            
            <div class="click-down">
                <span class="load_span" @click="iosLoad">苹果下载<br/><span class="small_font">(即将开放)</span></span><span class="load_span" @click="androidLoad">安卓下载</span>
            </div>
            <div class="click-down">
                
            </div>
        <div class="clear"></div>
        <div class="header-last">
            站式营销工具服务平台
        </div>
        </div>
        <div class="section">
            <p class="section-desc">汇聚全国TOP贷款机构<br/>各种推广营销工具助你随时随地场景化营销</p>
            <ul class="section-ul">
                <li>
                    <div><img src="../../static/img/pic_neirong.png" /></div>
                    <div>
                        <p>内容推广</p>
                        <p>一键轻松转发<br/>丰富金融资讯</p>
                    </div>
                    <p class="clear"></p>
                </li>
                <li class="li-two">
                    <div>
                        <p>图文推广</p>
                        <p>一键轻松转发<br/>丰富金融素材<br/>自定义上传内容，随心所欲</p>
                    </div>
                    <div><img src="../../static/img/pic_tuwen.png" /></div>
                    <p class="clear"></p>
                </li>
                <li class="li-three">
                    <div><img src="../../static/img/pic_shichang.png" /></div>
                    <div >
                        <p>跳蚤市场</p>
                        <p>轻松获得优质客户资源</p>
                    </div>
                    <p class="clear"></p>
                </li>
                <li class="li-four">
                    <div >
                        <p>网贷圈子</p>
                        <p>同行心得交流基地</p>
                    </div>
                    <div><img src="../../static/img/pic_quanzi.png" /></div>
                    <p class="clear"></p>
                </li>
                 <li class="li-five">
                    <div >
                        <img src="../../static/img/APP_load.jpg" />
                    </div>
                    <div>
                        <p>扫描二维码</p>
                        <p>关注信贷动力公众号</p>
                    </div>
                    <p class="clear"></p>
                </li>
            </ul>
        </div>
        <div id="load_float" v-if="loadshow">
          <div></div>
        </div>
    </div>
</template>
<script>
export default {
  data () {
    return {
      loadshow: false
    }
  },
  mounted () {
    var logoid = document.getElementById('logo_id')
    logoid.innerHTML = '<a style="display:none" key="5a0e7cfa12c3d546bfb79e0e"  logo_size="83x30"  logo_type="common"  href="http://www.anquan.org" ><script src="//static.anquan.org/static/outer/js/aq_auth.js"><' + '/script></a>'
  },
  methods: {
    iosLoad () {
      console.log('IOS')
    },
    androidLoad () {
      var ua = navigator.userAgent.toLowerCase()
      var isWeixin = ua.indexOf('micromessenger') !== -1
      if (isWeixin) {
        // 微信来源
        var self = this
        this.$vux.alert.show({
          title: '提示',
          content: '请点击右上角，在浏览器打开',
          onShow () {
            console.log('Plugin: I\'m showing')
          },
          onHide () {
            self.loadshow = false
          }
        })
        this.loadshow = true
      } else {
        // 非微信来源
        this.loadshow = false
        window.location.href = 'https://xddl.oss-cn-beijing.aliyuncs.com/appVersion/xddl.latest.apk'
      }
    }
  }
}
</script>

